<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html>
<head>
<title>Mail</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<jsp:include page="includeCSSjs.jsp" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript">
var j = jQuery.noConflict();
function split(val) {
	
    return val.split(/,\s*/);
}
function extractLast(term) {

    return split(term).pop();
}
j(document).ready(function() {

    
    j( "#to").autocomplete({
        source: function (request, response) {
            j.getJSON("${pageContext.request.contextPath}/findVwUser", {
                term: extractLast(request.term)
            }, response);
        },
        search: function () {
            // custom minLength
            var term = extractLast(this.value);
            if (term.length < 1) {
                return false;
            }
        },
        focus: function () {
            // prevent value inserted on focus
            return false;
        },
        select: function (event, ui) {
            var terms = split(this.value);
            // remove the current input
            terms.pop();
            // add the selected item
            terms.push(ui.item.value);
            // add placeholder to get the comma-and-space at the end
            terms.push("");
            this.value = terms.join(", ");
            return false;
        }
    });
     
});
			function onTableClick(codigoAlumno,
					idAlumno,
					primerNombreAlumno,
					segundoNombreAlumno,
					primerApellidoAlumno,
					segundoApellidoAlumno,
					fechaNacAlumno,
					idParentesco
								){
				$("#codigoAlumno").val(codigoAlumno);
				$("#idAlumno").val(idAlumno);
				$("#primerNombreAlumno").val(primerNombreAlumno);
				$("#segundoNombreAlumno").val(segundoNombreAlumno);
				$("#primerApellidoAlumno").val(primerApellidoAlumno);
				$("#segundoApellidoAlumno").val(segundoApellidoAlumno);
				$("#fechaNacAlumno").val(fechaNacAlumno);
				$("#idParentesco").val(idParentesco);
				showEdit();
				}
			
			function showEdit() {
				$(".editbutton_div").hide("fast");
				$(".button_div").hide("slow");
				$(".editbutton_div").show("slow");

			}

			function hiddenEdit() {
				$(".editbutton_div").hide("fast");
				$(".button_div").show("slow");
			}
			
			function showHelp(){
				$("#rightSide").show();
			}

		
		</script>
</head>
<body>
<div id="container">

<!-- Aqui va el munu -->
<jsp:include page="menu.jsp" />

<div id="content">


  <div id="top">
		<h2 class="divTextoEncabezado">Comunicacion a profesor</h2>
  </div>
  <div id="leftSide">
  <fieldset>
<legend>Mensajes </legend>
<form:form action="sendSendMailAlumnoProf" method="POST" class="form" commandName="sendMailDto" id="sendMailDto">
	
	<label for="seccion">Profesor:</label>
	<div class="div_texbox">
	<form:select path="seccion"  id="seccion" class="required cmbFactura1">
			<form:options items="${listMaterias}" itemValue="id.idSedeSeccionHasMateria" itemLabel="id.nombreMateria" />
		</form:select>		
		</div>
	
	<label for="asunto">Asunto:</label>
    <div class="div_texbox">
    
    <form:input path="asunto" name="asunto" type="text" class="textbox" id="asunto"  />
	</div>
	
	<label for="msg">Mensaje :</label>
	<div  >		
		 <TEXTAREA  name="msg" cols="20" rows="10" class="textbox" style="padding:12px 12px 12px 12px " id="msg"  >
		 </TEXTAREA>
	</div>
	
    
	<div class="button_div">
	<input name="Submit" type="submit" value="Enviar" class="buttons" />
	</div>
	<div class="editbutton_div" style="display: none">
	<input name="Submit" type="submit" value="Editar" class="buttons" 
	onclick="edit('alumno','editAlumno')"/>
	<input name="Submit" type="submit" value="Eliminar" class="buttons" 
	onclick="edit('alumno','deleteAlumno')"/>
	<input name="Submit" type="submit" value="Expediente" class="buttons" 
	onclick="edit('alumno','showExpedienteAlumno')"/>
	<input name="Submit" type="submit" value="Familiares" class="buttons" 
	onclick="edit('alumno','showAlumnoParientes')"/>
	</div>
</form:form>
	</fieldset>
  </div>
  <div id="rightSideTpo" >
  	<a href="#" onclick="showHelp()"><img src="${pageContext.request.contextPath}/resources/images/help-icon.png"></a>
  </div>
  <div id="rightSide" style="display:none">
  <p><u>Esta es una seccion de ayuda para el usuario</u>
  </p></div>
  <div class="clear"></div>


<ec:table items="listsendMailVW"
		action="${pageContext.request.contextPath}/showSendMail"
		view="compact"
		imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
		rowsDisplayed="8" autoIncludeParameters="false" var="alumno">
		
		

		<ec:row highlightRow="true" 
		>
		<ec:column property="id.destinatario" title="Destinatario"/>
			<ec:column property="id.asunto" title="Asunto" />
			<ec:column property="id.cuerpoMensaje" title="Mensaje"/>
						
		</ec:row>
	</ec:table>



</div>

 

</div>





</body>
</html>